 <div class="span-19">


                <div id="content">

                    <h1>View Line</h1>
                    <table class="view-table">
                        <tr style="background: #E5F1F4;">
                            <td style="width:150px;">ID</td>
                            <td><?php echo $id; ?></td>
                        </tr>
                        <tr style="background: #F8F8F8;">
                            <td>Code</td>
                            <td><?php echo $code; ?></td>
                        </tr>
                        <tr style="background: #E5F1F4;">
                            <td>Start Time Operation</td>
                            <td><?php echo $start_time_operation; ?></td>
                        </tr>
                        <tr style="background: #F8F8F8;">
                            <td>End Time Operation</td>
                            <td><?php echo $end_time_operation; ?></td>
                        </tr>
                        <tr style="background: #E5F1F4;">
                            <td>Type</td>
                            <td><?php echo $type; ?></td>
                        </tr>
                        <tr style="background: #F8F8F8;">
                            <td>Map</td>
                            <td><?php echo $map; ?></td>
                        </tr>
                    </table>
                    <img class="map" src="<?php echo base_url('uploads/lines/'.$map); ?>"/>
                    <div class="tabs">
                        <ul>
                            <li><a href="#" onclick="return tabToggle('station');">Stations</a></li>
                            <li><a href="#" onclick="return tabToggle('vehicle');">Vehicles</a></li>
                            <div class="clearfix"></div>
                        </ul>
                        <div class="tabs-content" id="station">
                            <?php foreach($station as $item): ?>
                                <?php
                                    switch($item['position_station']) {
                                        case 'START':  
                                            echo '<div class="view START">';                                
                                            break;
                                        case 'END':
                                            echo '<div class="view END">';                                
                                            break;
                                        break;
                                        default:
                                            echo '<div class="view">';                                
                                            break;                                                                             
                                    }
                                    echo "ID: $item[id]<br />Name: $item[name]<br />Position Station: $item[position_station]<br />Line: $item[line_id]";
                                    echo '</div>';
                                ?>
                            <?php endforeach; ?>
                        </div> <!-- END STATION -->
                        <div class="tabs-content vehicle" id="vehicle">
                            <?php foreach($vehicle as $item): ?>
                                <?php
                                    echo '<div class="view">';
                                    echo "ID: $item[id]<br />Name: $item[name]<br />Capacity: $item[capacity]<br />Type: $item[type]<br />Line: $item[line_id]";
                                    echo '</div>';
                                ?>
                            <?php endforeach; ?>
                        </div> <!-- END VEHICLE -->
                    </div>
                    <script type="text/javascript">
                        function tabToggle(id) {
                            if (id == 'station') {
                                document.getElementById('station').style.display = 'block';
                                document.getElementById('vehicle').style.display = 'none';
                            } else {
                                document.getElementById('vehicle').style.display = 'block';
                                document.getElementById('station').style.display = 'none';
                            } 
                            return false;                       
                        }
                    </script>
                </div> <!-- content -->
</div>
<div class="span-5 last">
    <div id="sidebar">
        <div class="portlet" >
            <div class="portlet-decoration">
                <div class="portlet-title">Operations</div>
            </div>
            <div class="portlet-content">
                <ul class="operations" >
                    <li><a href="<?php echo base_url();?>line/display">List Line</a></li>
                    <li><a href="<?php echo base_url();?>line/index">Create Line</a></li>
                    <li><a href="<?php echo base_url();?>line/update/<?php echo $id; ?>">Update Line</a></li>
                    <li><a href="<?php echo base_url();?>line/delete/<?php echo $id; ?>" onclick="return confirm('Do you want to delete this line?');">Delete Line</a></li>
                    <li><a href="<?php echo base_url();?>line/manage">Manage Line</a></li>
                    <li><a href="<?php echo base_url();?>line/startend/<?php echo $id; ?>">Set Station Start-End</a></li>
                    <li><a href="<?php echo base_url();?>line/inter/<?php echo $id; ?>">Set Station Inter</a></li>
                    <li><a href="<?php echo base_url();?>line/vehicle/<?php echo $id; ?>">Set Vehicles</a></li>
                </ul></div>
        </div>	
    </div><!-- sidebar -->
</div>
